<template>
	<view class="content">
		
		<view style="background-color: beige;width: 50%;margin: 0 auto;border-radius: 10px;height: 100%;">
		
		<view style="height: 80px;background-color: goldenrod;">
			
			<view style="width: 500px;margin: 0 auto;;">
			<view style="float: left;padding-top: 10px;">
				<image src="../../static/imageV7/shengnonglvzhoulogo.png" style="height: 54px;width:100px;"></image>
			</view>
		
			<view style="float: left;line-height: 35px;width:270px; padding-left: 20px;">
				<view style="color: #204301;font-weight: bold;">深农绿舟（深圳）生态科技有限公司</view>
				<view style="color: #204301;">GreenArk</view>
			</view>
			</view>
		</view>
		<view style="clear: both;"></view>
		<view style="font-size: 14px;background-color: antiquewhite;line-height: 30px;color: gray;">设备列表>></view>
		
			<view class="viewlist">
				<view style="width: 300px;margin: 0 auto;">
					<view style="float: left;width: 200px; ">
						
						<view class="title">智能水肥一体机</view>
						<view class="xinhao">设备号：102-p1009</view>
					</view>
					<view style="float: left;width: 70px;  ">

						<a href="http://192.168.1.108/#/pages/v7/setParameter" target="_blank">
							<image src="../../static/image/jingru.png" style="width: 50px;height: 50px;top:15%;">
							</image>
						</a>
					</view>
					<view style="clear: both;"></view>
				</view>
			</view>
			<view class="viewlist" style="background-color: antiquewhite;">
				<view style="width: 300px;margin: 0 auto;">
					<view style="float: left;width: 200px; ">
						
						<view class="title">智能水肥一体机</view>
						<view class="xinhao">设备号：105-p1009</view>
					</view>
					<view style="float: left;width: 70px;">
						<a href="http://192.168.1.109/#/pages/v7/setParameter" target="_blank">
							<image src="../../static/image/jingru.png" style="width: 50px;height: 50px;top:15%;">
							</image>
						</a>
					</view>

					<view style="clear: both;"></view>
				</view>
			</view>


		</view>
		<view style="text-align: center;position:fixed;bottom: 10px; width: 100%;color: gray;font-size: 14px;">Copyright 技术支持：亦卓科技
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			goto(code) {
				if (code == 102) {
					uni.navigateToWebPage({
						url: "http://192.168.1.108/#/pages/v7/setParameter"
					});
				}
			}
		}
	}
</script>

<style>
	.content {

		position: absolute;
		width: 100%;
		height: 100%;
		background-image: url("../../static/imageV7/bg3.jpeg");
		background-size: 100% 100%;
		font-family: '微软雅黑';
	}

	.viewlist {
		padding-top: 30px;
		padding-bottom: 30px;
		text-align: center;
		margin: 0 auto;

	}
.line{
			border-bottom:1px solid #8f8f94;
			height: 1px;
			width: 100%;
			margin: 0 auto;;
}
	.xinhao {
		font-size: 14px;
		color: #8f8f94;

	}

	.title {
		font-size: 18px;
		color:green;
	}
</style>